<!---- SUI模板 on 2018/1/16 -->
<script ng-init="initCss('alter-information-page/css/alter-information.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="#/personal-information"></a>

    <h1 style="z-index: -999999" class="title">信息修改</h1>

    <div><span style="z-index: 999999;!important;" class="pull-right release " ng-click="alterInfo()">保存</span></div>

</header>
<div class="content" ng-init="getUserInfo()">
    <div class="list-block" style="margin-top: 0rem">
        <ul>

            <input type="file" accept="image/jpg,image/jpeg,image/png" file-model="images"
                   style="width: 100%;height: 4rem;background: red;position: absolute;z-index: 9999;opacity:0 "
                   onchange="angular.element(this).scope().img_upload(this.files)"
                    >
            <li class="avatar-li">
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">头像</div>
                        <div class="fa home pull-right avatar-img">
                            <img ng-if="!userInfo.avatarImg" src="page/personal-information-page/img/avatar.jpg">
                            <img ng-if="userInfo.avatarImg" ng-model="userInfo.userAvatarAddress" src="{{userInfo.avatarImg}}">
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">姓名</div>
                        <div class="alter">
                            <div class="input-field">
                                <div><input type="text" ng-model="userInfo.userName" value="{{userInfo.userName}}"
                                            class="nickname"></div>
                            </div>
                            <div style="font-size: .7rem;margin-top: .6rem;color:#999999">写下你的姓名让大家认识你</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">昵称</div>
                        <div class="alter">
                            <div class="input-field">
                                <div><input type="text" ng-model="userInfo.userNickName"
                                            value="{{userInfo.userNickName}}" class="nickname"></div>
                            </div>
                            <div style="font-size: .7rem;margin-top: .6rem;color:#999999">好昵称可以更突出你的个性</div>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">个性签名</div>
                        <div class="alter">
                                <textarea name="a" placeholder="写下个性签名记录你的心情" ng-model="userInfo.userDetail">{{userInfo.userDetail}}</textarea>
                        </div>
                    </div>
                </div>
            </li>

            <li id="sex">
                <div class="item-content">
                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label">性别选择</div>
                        <div class="item-input">
                            <div class="fa home" ng-modle="userInfo.userSex"
                                 ng-if="userInfo.userSex==0||userInfo.userSex==1">
                                <select selected="selected" ng-model="userInfo.userSexWord"
                                        ng-options="x for x in ['男','女']">
                                </select>
                            </div>
                            <div class="fa home" ng-modle="userInfo.userSex"
                                 ng-if="userInfo.userSex!=0&&userInfo.userSex!=1">
                                <select selected="selected" ng-model="userInfo.userSexWord"
                                        ng-options="x for x in ['男','女','点击选择']">
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <input type="date"
                   style="width: 100%;height: 2rem;background: red;position: absolute;z-index: 9999;opacity:0 "/>
            <li>
                <div class="item-content">


                    <div class="item-inner" style="top: .2rem">
                        <div class="item-title label" style="z-index:0;">生日</div>

                        <input type="date" style="z-index: 999999" name="user-date" ng-model="userInfo.userBirthday"
                               placeholder="Birth day" value="{{userInfo.userBirthday|date:'yyyy-MM-dd'}}"
                               class="birthday">
                    </div>
                </div>
    </div>
    </li>
    </ul>
</div>

<!--内容区-->
</div>
<div ng-init="suiMobileInit('alter-information-page/js/alter-information.js')"></div>